<%@page import="java.text.SimpleDateFormat,java.util.Date" %>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator" %>
<%--@elvariable id="actionBean" type="able.stripes.AbleActionBean"--%>
<%@ include file="/WEB-INF/jsp/include/taglibs.jspf" %>
<decorator:usePage id="pageContent" />
<fmt:setBundle basename="StripesResources"/>
<%
    boolean front = (request.getRequestURI().indexOf("/home.jsp") > 0); //Hack! main page!!            
    pageContext.setAttribute("front", front, pageContext.PAGE_SCOPE);
    pageContext.setAttribute("datetime", new SimpleDateFormat("dd/MM/yyyy | hh:mm").format(new Date()));
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>:: School Apps ::</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <link type="text/css" href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" />
        <script type="text/javascript">
            $(document).ready(function(){
                $('select').each(function(){
                    $(this).focus(function(){
                        $(this).addClass('focus');
                    });
                    $(this).blur(function(){
                        $(this).removeClass('focus');
                    });
                });
                $('input:text').each(function(){
                    $(this).focus(function(){
                        $(this).addClass('focus');
                    });
                    $(this).blur( function() {
                        $(this).removeClass("focus");
                        $(this).val( $(this).val().toUpperCase());
                    });
                });
            });
        </script>
        <decorator:head/>
    </head>
    <body>
        <div id="main_container">
            <div id="header">
            </div>
            <div id="menu_tab">                                     
                <ul class="menu">                                                                               
                    <li><a href="index.html" class="nav_selected"> home </a></li>
                    <li class="divider"></li>
                    <li><a href="#" class="nav"> services</a></li>
                    <li class="divider"></li>
                    <li><a href="projects.html" class="nav"> portofolio</a></li>
                    <li class="divider"></li>
                    <li><a href="#" class="nav"> clients</a></li>
                    <li class="divider"></li>
                    <li><a href="contact.html" class="nav"> contact </a></li>
                </ul>
            </div> 
            <div id="main_content">     
                  <decorator:body/>
                <c:if test="${front}">
                    <div id="middle_banner">
                        <div class="middle_banner_content">                   
                        </div>
                    </div>       
                    <%@ include file="/WEB-INF/decorators/main_left.jsp"%>
                    <%@ include file="/WEB-INF/decorators/main_right.jsp"%></c:if>
                <div id="footer"> School Apps &copy; 2008
                    <br />
                </div>
            </div>

        </div>
    </body>
</html>
